<template>
	<view class="tiny-skeleton-ul">
		<view class="tiny-skeleton-li" style="width: 31%;"></view>
		<view class="tiny-skeleton-li"></view>
		<view class="tiny-skeleton-li"></view>
		<view class="tiny-skeleton-li"></view>
		<view class="tiny-skeleton-li"></view>
		<view class="tiny-skeleton-li"></view>
		<view class="tiny-skeleton-li"></view>
		<view class="tiny-skeleton-li"></view>
		<view class="tiny-skeleton-li"></view>
		<view class="tiny-skeleton-li"></view>
		<view class="tiny-skeleton-li"></view>
		<view class="tiny-skeleton-li"></view>
		<view class="tiny-skeleton-li"></view>
		<view class="tiny-skeleton-li" style="width: 61%;"></view>
	</view>
</template>

<script>
	export default {
		name: "ant-skeleton",
		data() {
			return {

			};
		}
	}
</script>

<style lang="less">
	.tiny-skeleton-ul {
		width: 100vw;
		height: 100vh;
		background: #f7f7f7;
		padding: 100rpx 24px 24px;
		box-sizing: border-box;

		.tiny-skeleton-li {
			margin-top: 16px;
			width: 100%;
			height: 16px;
			list-style: none;
			background: #eee;
		}
	}
</style>
